<template>
	<view class="mall-h-block">
		<mall-block-title :title="title"></mall-block-title>
		<view class="block">
			<mall-h-item v-for='(item,index) in items' :goods="item" :key='index' class='item'></mall-h-item>
		</view>
	</view>
</template>

<script>
	import mallBlockTitle from '../mall-block-title/mall-block-title.vue'
	import mallHItem from '../mall-h-item/mall-h-item.vue'
	export default {
		components:{
			mallBlockTitle,mallHItem
		},
		props:{
				items:Array,
				title:String
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="stylus">
	.mall-h-block
		.block
			overflow scroll
			display flex
			padding 0 20rpx
			.item
				margin-right 10rpx
</style>
